#ForeIndex{
  height: 100vh;
}
#ForeIndex > .el-row{
  height: 100%;
}
#ForeIndex > .el-row > .el-col{
  background: #f4f5f5;
}
.el-menu {
    width: 224px;

    .el-menu-item {
      display: flex;
      width: 224px;
      height: 23px;
      margin: 20px 0;
      justify-content: center;
    }
  }

  .content-header {
    width: 100%;
    height: 5vh;
    margin: 10px 0;
    display: flex;
    align-items: center;
    background: #ffffff;


    div {
      height: 28px;
      line-height: 28px;
      font-size: 13px;
      margin-left: 20px;
      overflow: hidden; /* 文本溢出限定的宽度就隐藏内容 */
      display: -webkit-box;  /* 将对象作为弹性伸缩盒子模型显示,和下一行结合使用 */
      -webkit-line-clamp: 5;  /* 用来限制在一个块元素显示的文本的行数, 3 表示最多显示3 行，需要组合其他的WebKit属性 */
      -webkit-box-orient: vertical;  /* 设置或检索伸缩盒对象的子元素的排列方式 */
      text-overflow: ellipsis;/* 多行文本的情况下，用省略号“…”隐藏溢出范围的文本 */

    }
  }

  .content-main > div {
    height: 180px;
  }

  .content-main {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    margin: 15px;
    margin-bottom: 10vh;
  }
  .content-main1{
    width: 95% ;
    //padding-bottom:10px;
    margin-bottom:5px;
    border-bottom: 1px solid #e5e6eb;

    >div:nth-child(1){
      color: #1d2129 !important;
      text-decoration: none !important;
      height: 30px;
      line-height: 30px;
      font-weight: bolder;
    }
    >div:nth-child(2){
      height: 100px;
      display: flex;
      margin: 9px 0;
      display: flex;
      align-items: center;
    }
    >div:nth-child(2) >img{
      height: 90px;
      width: 130px;
      border-radius: 3px;
      margin-right: 20px;
    }
    .content-main1-a{
      height: 65px;
      flex: 1;
      width:650px;
      //overflow: hidden;
      //text-overflow: ellipsis;
      margin-left:10px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
    //>div:nth-child(2) >div{
    //}

    //img{
    //  border-radius: 21px;
    //}

    div:nth-child(1){
      text-decoration: underline;
      color: blue;
    }
    div{
      overflow: hidden; /* 文本溢出限定的宽度就隐藏内容 */
      display: -webkit-box;  /* 将对象作为弹性伸缩盒子模型显示,和下一行结合使用 */
      -webkit-line-clamp: 5;  /* 用来限制在一个块元素显示的文本的行数, 3 表示最多显示3 行，需要组合其他的WebKit属性 */
      -webkit-box-orient: vertical;  /* 设置或检索伸缩盒对象的子元素的排列方式 */
      text-overflow: ellipsis;/* 多行文本的情况下，用省略号“…”隐藏溢出范围的文本 */
    }
  }

  .content-footer span {
    display: inline-block;
    margin-right: 10px;
    color: #555666;
    cursor: pointer;
    line-height: 25px;

    >.el-icon{
      margin-right: 5px;
      transform: translateY(2px);
    }
  }
  .content-footer span:nth-child(1){
    color: #555666;
  }

  .el-row {
    background-color: #f4f5f5;

  }

  .el-menu {
    background-color: #f4f5f5;
    height: 100%;
  }

  .el-col {
    border-radius: 5px;
  }

  .footer-each {
    width: 270px;
    height: 300px;
    margin: 20px 20px;

    h4 {
      height: 22px;
      margin-bottom: 20px;
      font-size: 15px;
    }

    ul > li {
      height: 30px;
      line-height: 30px;
      list-style: none;
      margin-bottom: 7px;
      font-size: 15px;
      overflow: hidden; /* 文本溢出限定的宽度就隐藏内容 */
      display: -webkit-box;  /* 将对象作为弹性伸缩盒子模型显示,和下一行结合使用 */
      -webkit-line-clamp: 5;  /* 用来限制在一个块元素显示的文本的行数, 3 表示最多显示3 行，需要组合其他的WebKit属性 */
      -webkit-box-orient: vertical;  /* 设置或检索伸缩盒对象的子元素的排列方式 */
      text-overflow: ellipsis;/* 多行文本的情况下，用省略号“…”隐藏溢出范围的文本 */


      span {
        margin-right: 5px;
      }
      span:hover{
        color: deepskyblue;
      }
    }
  }
.content-header{
  margin: 0;
  height: 6vh;
  border-bottom:1px solid #f4f4f4;

  :deep(.el-tabs__nav){
    border: 0;
  }
  :deep(.el-tabs__header){
    margin: 0;
    height: 6vh;
    display: flex;
    align-items: center;
  }
  :deep(.el-tabs__item){
    margin: 0;
    height: 3vh;
    line-height: 3vh;
    border-top: 0;
  }
  :deep(.el-tabs__content){
    height: 0;
  }
}
.content-header > .head-tabs{
  height: 6vh;
  margin: 0;

  >.el-tabs{
    width: 30vw;
    display: flex;
    margin: 0;
    height: 100%;
  }
  .el-tabs__nav-scroll{
    margin: 0;
  }
  .el-tabs__nav-wrap{
    margin: 0;
  }
  .el-tabs__nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
  }
}
